<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>web前端练习</title>
</head>
<body>

<p>

<b> <i>x</i> <sup>2</sup>=9</b>
<hr>
<del>水</del>的<ins>分子式</ins>是：
<br>
&nbsp;H<sub>2</sub>O


</p>




<ol start="2" type="I">
    <li>第一条
        <ul type="square">
            <li>1.1节
        </ul>
</ol>
<hr>
<dl>
    <dt>HTML</dt>
    <dd>
        Hypertext Markup Language, a standardized system for tagging text files.
    </dd>
</dl>


图片超链接效果：
<a href="http://www.baidu.com" target="_blank">
    <img src="../imgs/logo.png" width="150" height="70" alt="百度" />
</a>



<table border="1">
    <!-- 表格内容 -->
    <tbody>
        <tr>
            <td>张三</td>
            <td>90</td>
            <td>100</td>
        </tr>
    </tbody>
    <!-- 表格head -->
    <thead>
    <tr>
        <th>姓名</th>
        <td>年级</td>
        <td><mark>分数</mark></td>
    </tr>
    </thead>
    <!-- 表格foot -->
    <tfoot>
       <td>第1列末尾</td>
       <td>第2列末尾</td>
       <td>第3列末尾</td>

    </tfoot>

    <caption>
        <i>成绩一览表</i>
    </caption>
</table>









</body>
</html>